{%extends file="iphone/page/layout.tpl"%}

{%block name="sub-block-static"%}
    <script type="text/javascript">
        P.data('user_fund',{%json_encode($user_fund)%});
        P.data('activity',{%json_encode($activity)%});
        P.data('days',{%json_encode($days)%});
    </script>
    {%require name="iphone:static/recharge/recharge.less"%}
    {%require name="iphone:static/recharge/recharge.js"%}
{%/block%}
{%block name="layout-bodyer"%}
<div class="page-recharge">
    <div class="main-banner">
         <div class="banner-content">
             <div class="summary">
                 <div>
                     <span>需支付总额：</span>
                     <span class="number">￥{%if $user_fund.activity_type%}{%$user_fund.activity_amount%}{%else%}{%$activity.activity_amount%}{%/if%}</span>
                 </div>
                 <div>
                     <span>已支付总额：</span>
                     <span class="number">￥{%$user_fund.credit%}</span>
                 </div>
             </div>
             <div class="recharge-input">
                 {%if $user_fund.activity_type%}
                     <input type="text" class="recharge-amount" value="{%$user_fund.res_amount%}" placeholder="请输入购买金额">
                 {%else%}
                     <input type="text" class="recharge-amount" value="{%$activity.amount%}" placeholder="请输入购买金额">
                 {%/if%}
                 <div class="btn-profit"><a>预期收益</a></div>
             </div>
             <div class="recharge-explain">
                 <div style="color:#ffffff;font-weight: bold">提示：</div>
                 <div>1.真融宝已为您垫付本次支付费用（第三方支付收取支付款项的2‰~6‰作为手续费）</div>
                 <div>2.如果您受到银行网上支付的限制无法一次支付大额资金，系统目前支持您分多次支付</div>
             </div>
             <div class="recharge-preview">
                 <div class="close">×</div>
                  <table>
                      <thead>
                          <tr>
                              <td>时间</td>
                              <td>预期收益</td>
                          </tr>
                      </thead>
                      <tbody></tbody>
                  </table>
                 <div style="padding: 10px;color: #E21919;">注：每月5号计算利息</div>
             </div>
         </div>
    </div>
    <div class="page-content">
        <div class="bank-title">支付</div>
        <div class="bank-select">
            <div class="bank-container">
                <div>
                    <a data-id="gJ0" class="g25" title="中国工商银行"><img src="../static/recharge/image/Bank01.jpg"></a>
                    <a data-id="g29" class="g29" title="中国农业银行"><img src="../static/recharge/image/Bank02.jpg"></a>
                    <a data-id="gJ5" class="g45" title="中国银行"><img src="../static/recharge/image/Bank03.jpg"></a>
                    <a data-id="gJF" class="g27" title="中国建设银行"><img src="../static/recharge/image/Bank04.jpg"></a>
                    <a data-id="g15" class="g46" title="中国邮政储蓄"><img src="../static/recharge/image/Bank05.jpg"></a>
                    <a data-id="gJ4" class="g21" title="交通银行"><img src="../static/recharge/image/Bank06.jpg"></a>
                    <a data-id="gJH" class="g28" title="招商银行"><img src="../static/recharge/image/Bank07.jpg"></a>
                    <a data-id="gJ8" class="g16" title="浦发银行"><img src="../static/recharge/image/Bank08.jpg"></a>
                    <a data-id="gJ6" class="g09" title="兴业银行"><img src="../static/recharge/image/Bank09.jpg"></a>
                    <a data-id="gJ7" class="g12" title="中国民生银行"><img src="../static/recharge/image/Bank12.jpg"></a>
                    <a data-id="gJC" class="g36" title="中国光大银行"><img src="../static/recharge/image/Bank14.jpg"></a>
                    <a data-id="gJE" class="g54" title="上海银行"><img src="../static/recharge/image/Bank22.jpg"></a>
                </div>
            </div>
            <div class="agreement">
                <input type="checkbox" id="agreement" checked="checked">
                <label for="agreement">我已阅读</label>
                <a href="/about/Iphone6Agreement" target="_blank">《果6宝产品服务协议》</a>
            </div>
            <div class="bank-action">
                <a class="btn btn-main btn-recharge">支付</a>
            </div>
        </div>
        <div class="explain">
            <div class="title">支付提示：</div>
            <div>1.果6宝定期理财类产品为限量版，一个用户只能购买一款果6宝定期理财类产品;</div>
            <div>2.如果您选定了一款产品并且进行了支付（无论支付金额大小），意味着您接受了《果6宝产品服务协议》。系统暂时不支持您更换产品类型的要求;</div>
            <div class="point"><span style="color:#ff2812">特别提示：</span>"果6宝"是基于"真融宝"债权组合计划的一年定期类理财产品，请您在选购前仔细阅读《果6宝产品服务协议》。根据协议，<span style="color:#ff2812">产品投资后在一年内无法提出本金</span>。</div>
        </div>
    </div>

</div>
{%/block%}